<template>
  <div>
    <!-- 公共组件头部开始 -->
    <mt-header id="header">
      <div slot="left">
        <img class="header" @click="home" src="~assets/img/logo2.png" alt />
      </div>

      <div slot="right">
        <router-link to="/" id="b">官网首页&nbsp;</router-link>&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;
        <router-link to="/">
          <van-icon id="header-right" name="search" />
        </router-link>
      </div>
    </mt-header>
    <!-- 公共组件头部结束 -->
  </div>
</template>

<script>
export default {
  name: "HeaderTab",
  methods: {
    home() {
      this.$router.push("/");
    },
  },
};
</script>

<style scoped>
.mint-header {
  background: white;
}
#header-right {
  font-size: 20px;
  color: #ffba33;
  margin-left: 10px;
}
#b {
  color: #ffba33;
}
.header {
  width: 100%;
}
</style>
